
import React, { CSSProperties, FC } from 'react'
import { renderIconDefinitionToSVGElement } from '../helpers'

interface IconProps {
    width?: string
    height?: string
    className?: string
    style?: CSSProperties
}

const Alibaba: FC<IconProps> = ({
    width = '1em',
    height = '1em',
    className,
    style,
}) => {
    const svgHTMLString = renderIconDefinitionToSVGElement({"icon":{"tag":"svg","attrs":{"viewBox":"64 64 896 896","focusable":"false"},"children":[{"tag":"path","attrs":{"d":"M602.9 669.8c-37.2 2.6-33.6-17.3-11.5-46.2 50.4-67.2 143.7-158.5 147.9-225.2 5.8-86.6-81.3-113.4-171-113.4-62.4 1.6-127 18.9-171 34.6-151.6 53.5-246.6 137.5-306.9 232-62.4 93.4-43 183.2 91.8 185.8 101.8-4.2 170.5-32.5 239.7-68.2.5 0-192.5 55.1-263.9 14.7-7.9-4.2-15.7-10-17.8-26.2 0-33.1 54.6-67.7 86.6-78.7v-56.7c64.5 22.6 140.6 16.3 205.7-32 2.1 5.8 4.2 13.1 3.7 21h11c2.6-22.6-12.6-44.6-37.8-46.2 7.3 5.8 12.6 10.5 15.2 14.7l-1 1-.5.5c-83.9 58.8-165.3 31.5-173.1 29.9l46.7-45.7-13.1-33.1c92.9-32.5 169.5-56.2 296.9-78.7l-28.5-23 14.7-8.9c75.5 21 126.4 36.7 123.8 76.6-1 6.8-3.7 14.7-7.9 23.1C660.1 466.1 594 538 567.2 569c-17.3 20.5-34.6 39.4-46.7 58.3-13.6 19.4-20.5 37.3-21 53.5 2.6 131.8 391.4-61.9 468-112.9-111.7 47.8-232.9 93.5-364.6 101.9zm85-302.9c2.8 5.2 4.1 11.6 4.1 19.1-.1-6.8-1.4-13.3-4.1-19.1z"}}]},"name":"alibaba","theme":"normal"}, {
        extraSVGAttrs: { width, height, fill: 'currentColor' }
    });

    return <span 
        style={{
            display: 'flex',
            ...style,
        }} 
        className={className} 
        dangerouslySetInnerHTML={{
            __html: svgHTMLString
        }}>
    </span>
}

export default Alibaba;